<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>50bus-个人中心</title>
    <meta name="keywords" content="50bus" />
    <meta name="copyright" content="50bus.cn" />
    <!-- <meta http-equiv="mobile-agent" content="http://www.50bus.cn/" />
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" /> -->
    <link rel="icon" href="/resources/img/favicon.ico" type="image/x-icon" />
    
    <link rel="stylesheet" type="text/css" href="/resources/css/base.css" media="all" />
    <link rel="stylesheet" type="text/css" href="/resources/css/globe.css" media="all" />
    <link rel="stylesheet" type="text/css" href="/resources/css/module-userhome.css" media="all" />
     <link rel="stylesheet" type="text/css" href="/resources/css/page.css" media="all" />
    <script type="text/javascript" src="/resources/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/resources/js/jquery.pagination.js"></script>
</head>

<body>
    <div class="header_wrap">
        <div class="header clearfix">
            <div class="fm980 fl clearfix">
                <a href="/index.html" class="logo fl"></a>
                <ul class="nav_box fl">
                   <li><a href="/creative_list.html">形象创意</a></li>
                    <li><a href="/script_list.html">剧本创作</a></li>
                    <li><a href="/render_index.html">动画渲染</a></li>
                    <li><a href="/creative_helper.html">创意助手</a></li>
                </ul>
                <div class="about_box fr">
                    <a href="/about.html">关于我们</a>
                    <a href="/user/user_work.html" class="cur">${user.comp}个人空间</a>
                    <a href="/logout.html">退出</a>
                </div>
            </div>
        </div>

    </div>

    <div class="body_wrap">
        <div class="handle_bar">
            <div class="fm980"><p class="fz16 pt5"></p></div>
        </div>
        <div class="user_home_box fm980 clearfix">
            <div class="nav_left fl">
                <a class="icon_edit" href="/user/user_info.html"></a>
                <b class="corner"></b>
                <div class="user_info clearfix">
                    <#if user?? && user.header_img?? && user.header_img != ''>
                    	<span class="user_pic fl"><img src="${user.header_img}" /></span>
                    <#else>
                    	<span class="user_pic fl"><img src="/resources/img/user_def_70.png" /></span>
                    </#if>
                    <p>
                        <span class="user_name">${user.comp}</span>
                        <span style="display:none;" class="like_box_14"><b class="fav_heart"></b> 56422</span>
                    </p>
                </div>
                <div class="nav_list">
                    <ul>
                       <li><a href="/user/user_work.html" >我的作品</a></li>
                        <li><a href="/user/user_trade.html" class="cur">我的交易</a></li>
                        <li><a href="/user/user_account.html" >我的账户</a></li>
                         <li><a href="/user/user_info.html" >个人信息</a></li>
                    </ul>
                </div>
            </div>
            <!-- 我的交易 -->
            <div class="home_con fl">
                <div class="tab_box sep_line">
                    <a href="/user/user_trade.html">已购买</a>
                    <a href="/user/user_sell.html" class="cur">已出售</a>
                </div>
				<div class="tab_lst">
                    <table class="order_tb">
                        <thead>
                            <tr>
                                <th>创意</th>
                                <th>价格</th>
                                <th>订单状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                        	<#list orderList as order>
                            <tr class="order_hd">
                                <td colspan="4">
                                    <span>订单编号：${order.order_num}</span>
                                    <span>下单时间：${order.create_time?datetime("yyyy-MM-dd HH:mm:ss")}</span>
                                </td>
                            </tr>
                            <tr class="order_bd">
                                <td>
                                    <div class="order_pic">
                                        <a href="/creative_detail.html?cid=${order.cid}" target="_blank" title="查看创意"><img src="${order.cover_url}" width="50" height="50" /></a>
                                    </div>
                                    <div class="order_desc">
                                        <a href="/creative_detail.html?cid=${order.cid}" target="_blank">${order.title}</a>
                                    </div>
                                </td>
                                <td align="center">${order.cvalue}</td>
                                <td align="center"><#if order.order_state == 0>未付款<#elseif order.order_state == 1>已付款<#elseif order.order_state == 2>订单完成<#elseif order.order_state == 3>订单取消</#if></td>
                                <td align="center"><a href="${order.source_url}">下载</a></td>
                            </tr>
                            </#list>
                        </tbody>
                    </table><!-- order_tb end -->   
                    <div id="Pagination" class="page_box mb40"></div>             
                </div>
            </div>

        </div>

    </div>

    <div class="footer">
        <div class="fm980 clearfix">
            <div class="foot_link foot_link1 fl">
                <a href="/creative_list.html">形象创意</a>
                <a href="/script_list.html">剧本创作</a>
                <a href="/render_index.html">动画渲染</a>
                <a href="/creative_helper.html" >创意助手</a>
            </div>
            <div class="foot_link foot_link2 fl">
                <a href="http://zjusp.zju.edu.cn/">浙大科技园</a>
                <a href="http://www.zju.edu.cn/">浙江大学</a>
                <a href="/about.html" >关于我们</a>
            </div>
            <div class="copy_box fr">
                <img class="mb5" src="/resources/img/foot_text.png" />
                <p>&copy; 2013-2016 All right reserved</p>
                <p><a href="">服务条款</a><a href="">隐私条款</a><a href="">法律条款</a></p>
                <p style="display:none;"><a href="" class="share_icon share_sina"></a><a href="" class="share_icon share_wx"></a></p>
            </div>
        </div>
    </div>
<script type="text/javascript">

$(function(){
	var initPagination = function() {
		$("#Pagination").pagination(${totalCount}, {
			num_edge_entries: 3, //边缘页数
			num_display_entries: 2, //主体页数
			callback: pageselectCallback,
			items_per_page:${pageSize}, //每页显示创意数量
			current_page:${pageIndex}-1,
			prev_text:"<",
			next_text:">",
			ellipse_text:"...",
			prev_show_always:true,
			next_show_always:true,
			async:false
		});
	 }();
	function pageselectCallback(current_page, panel){
		location.href = "/user/user_sell.html?pageIndex="+(current_page+1);
	}
});
</script>
<script type="text/javascript" src="/resources/js/page-index.js"></script>
<script type="text/javascript">
	<#if uid??&&uid!="">
    	$.post("/common/getUserName.json",{"uid":${uid}},function(data){
    		if(data.name){
    			$('a[href="/user/user_work.html"]').html(data.name+"个人空间");
    		}
    	});
	 </#if>
</script>
</body>

</html>